<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>钻石投票_账号管理</title>
    <link rel="stylesheet" href="__CSS__/font-awesome.css"/>
    <link rel="stylesheet" href="__JS__/layui/css/layui.css"/>
    <link rel="stylesheet" href="__MCSS__/bass.css"/>
    <link rel="stylesheet" href="__MCSS__/layui-formadd.css"/>
    <link rel="stylesheet" href="__MCSS__/layui-pageadd.css"/>
    <link rel="stylesheet" href="__MCSS__/public.css"/>
    <link rel="stylesheet" href="__MCSS__/layui-add.css"/>
    <link rel="stylesheet" href="__MCSS__/account_set.css"/>
</head>
<body>

<!--账号列表-->
<div class="account-set">
    <div class="account-set-body">
        <!--面包屑-->
        <p class="bread-crumbs-nav"><span class="span1">权限管理</span><i class="fa fa-caret-right"></i><span class="span2">账号管理</span></p>
        <!--内容区-->
        <div class="main">
            <div class="main-tit">
                <div class="main-tit-seach">
                    <p><input type="text" name="keyword" value="{$param.keyword}"></p>
                    <span>搜索</span>
                </div>
                <div class="main-tit-select1">
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <div class="layui-input-block" style="margin-left:0;">
                                <select name="role_id" lay-verify="required" lay-filter="role_select">
                                    <option value="0">全部套餐</option>
                                    {volist name="auth_group_names" id="vo"}
                                    <option value="{$vo.id}" {eq name="param.roleid" value="$vo['id']"}selected{/eq}>{$vo.name}</option>
                                    {/volist}
                                    {:htmlspecialchars_decode($add_rule)}
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="main-tit-select2">
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <div class="layui-input-block" style="margin-left:0px;">
                                <select name="group_id" lay-verify="required" lay-filter="group_select">
                                    <option value="0">全部分组</option>
                                    {volist name="groups" id="vo"}
                                    <option value="{$vo.id}" {eq name="param.groupid" value="$vo['id']"}selected{/eq}>{$vo.name}</option>
                                    {/volist}
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="main-tit-newadd"><i class="fa fa-plus"></i><span>添加账号</span></div>
                <div class="main-tit-formadd"><i class="fa fa-users"></i>分组管理</div>
            </div>
            <div class="main-table">
                <div class="main-table-tit">
                    <ul>
                        <li class="tit-li1">ID</li>
                        <li class="tit-li2">账号</li>
                        <li class="tit-li3">权限套餐</li>
                        <li class="tit-li4">账号组</li>
                        <li class="tit-li5">用户昵称</li>
                        <li class="tit-li6">最后登录IP</li>
                        <li class="tit-li7">最后登录时间</li>
                        <li class="tit-li8">状态</li>
                        <li class="tit-li9">管理操作</li>
                    </ul>
                </div>
                <div class="main-table-body">
                    {volist name="lists" id="vo"}
                    <ul>
                        <li class="tit-li1">{$vo.id}</li>
                        <li class="tit-li2">{$vo.username}</li>
                        <li class="tit-li3">{$vo.role_name}</li>
                        <li class="tit-li4">{$vo.group_name}</li>
                        <li class="tit-li5">{$vo.realname}</li>
                        <li class="tit-li6">{$vo.ip}</li>
                        <li class="tit-li7">{$vo.create_time}</li>
                        <li class="tit-li8">状态</li>
                        <li class="tit-li9" data-id="{$vo.id}">
                            <span class="span1">登录</span>
                            <span class="span2">修改</span>
                            <span class="span3">删除</span>
                        </li>
                    </ul>
                    {/volist}
                </div>
            </div>
            <div class="vote-paging" style="margin-top:20px;text-align:right;">
                <div id="pager">
                    {$lists|raw}
                </div>
            </div>
        </div>
    </div>
</div>

<!--添加账号-->
<div class="account-add" style="display:none;">
    <div class="account-add-body">
        <p class="bread-crumbs-nav"><span class="span1">权限管理</span><i class="fa fa-caret-right"></i><span class="span2">编辑账号</span></p>
        <form class="layui-form"  action="" lay-filter="form-action">
            <input type="hidden" id="id" name="id" value="0">
            <div class="account-add-nav">
                <p class="account-add-return">返回</p>
                <p class="account-add-save" lay-submit lay-filter="form_account">保存</p>
            </div>
            <div class="account-add-main">
                <div class="account-number">
                    <p class="account-add-left">账号：</p>
                    <input type="text" name="username" class="account-add-input" lay-verify="required">
                </div>
                <div class="password">
                    <p class="account-add-left">密码：</p>
                    <input type="password" name="password" class="account-add-input" lay-verify="required|password">
                </div>
                <div class="sure-password">
                    <p class="account-add-left">确认密码：</p>
                    <input type="password" name="confirm_password" class="account-add-input" lay-verify="required|confirm_pass">
                </div>
                <div class="user-name">
                    <p class="account-add-left">用户昵称：</p>
                    <input type="text" name="realname" class="account-add-input" lay-verify="required">
                </div>
                <div class="choose-power">
                    <p class="account-add-left">选择套餐：</p>
                    <div class="choose-power-select">
                        <form class="layui-form">
                            <div class="layui-form-item">
                                <div class="layui-input-block" style="margin-left:0;">
                                    <select name="role_id" lay-verify="required">
                                        <option value="0"></option>
                                        {volist name="auth_group_names" id="vo"}
                                        <option value="{$vo.id}">{$vo.name}</option>
                                        {/volist}
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="choose-group">
                    <p class="account-add-left">选择分组：</p>
                    <div class="choose-group-select">
                        <form class="layui-form">
                            <div class="layui-form-item">
                                <div class="layui-input-block" style="margin-left:0px;">
                                    <select name="group_id" lay-verify="required">
                                        <option value="0">未分组</option>
                                        {volist name="groups" id="vo"}
                                        <option value="{$vo.id}">{$vo.name}</option>
                                        {/volist}
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="choose-time">
                    <p class="account-add-left">使用时间：</p>
                    <div class="choose-time-d1"><input type="text" class="layui-input" name="start_time" id="start-time" placeholder="开始时间"></div>
                    <div class="choose-time-d2">到</div>
                    <div class="choose-time-d3"><input type="text" class="layui-input" name="end_time" id="end-time" placeholder="结束时间"></div>
                </div>
                <div class="choose-state">
                    <p class="account-add-left">账号状态：</p>
                    <div class="choose-state-switch">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <input type="checkbox" name="status" lay-skin="switch" lay-text="启用|停用" checked lay-filter="switchTest">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<!--分组管理-->
<div class="account-group"  style="display:none;">
    <div class="account-group-body">
        <p class="bread-crumbs-nav"><span class="span1">权限管理</span><i class="fa fa-caret-right"></i><span class="span2">编辑账号</span></p>
        <div class="account-group-nav">
            <p class="account-group-return">返回</p>
            <p class="account-group-add">添加组</p>
        </div>
        <div class="account-group-main">
            <div class="main-tit">
                <ul>
                    <li class="tit-li1">序号</li>
                    <li class="tit-li2">组名称</li>
                    <li class="tit-li3">组描述</li>
                    <li class="tit-li4">创建时间</li>
                    <li class="tit-li5">修改时间</li>
                    <li class="tit-li6">组状态</li>
                    <li class="tit-li7">操作</li>
                </ul>
            </div>
            <div class="body-list">
                {volist name="groups" id="vo"}
                <ul>
                    <li class="tit-li1"><input type="text" name="listorder" value="{$vo.listorder}"></li>
                    <li class="tit-li2"><span>{$vo.name}</span><input type="text" style="display:none;"></li>
                    <li class="tit-li3"><span>{$vo.remark}</span><input type="text" style="display:none;"></li>
                    <li class="tit-li4">{$vo.create_time}</li>
                    <li class="tit-li5">{$vo.update_time}</li>
                    <li class="tit-li6">
                        <div>
                            <form class="layui-form" action="">
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <input type="checkbox" name="yyy" lay-skin="switch" lay-text="启用|停用" checked value="1" lay-filter="switchTest">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </li>
                    <li class="tit-li7" data-id="{$vo.id}"><span class="span1">修改</span><span class="span3" style="display:none;">确定</span><span class="span2">删除</span></li>
                </ul>
                {/volist}
            </div>
        </div>
    </div>
</div>

<script src="__JS__/jquery_v3.3.1.js"></script>
<script src="__JS__/layer/layer.js"></script>
<script src="__JS__/layui/layui.js"></script>
<script src="__MJS__/common.js"></script>
<script src="__MJS__/account_set.js"></script>
</body>
</html>